page{
    background-color: #ccc;
    .interest_item{
        background-color: #fff;
        margin:5rpx;
        padding: 10rpx;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        .interest_info{
            display: flex;
            justify-content: left;
            align-items: center;
            .interest_avatar{
                padding: 10rpx;
                width: 100rpx;
                height: 100rpx;
            }
            .interest_name{
                padding: 10rpx;
            }
        } 
        .operation{
            display: flex;
            justify-content: right;
            align-items: center; 
            color: #fff; 
            .mainPage{
                background-color: var(--themeColor);
                padding: 8rpx 12rpx;
                margin: 10rpx;
            }
            .noInterest{
                background-color: red;
                padding: 8rpx 12rpx;
                margin: 10rpx;
            }
        } 
    }
}